﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/n_Layout.cshtml";
}


<div id="listadoPersonas">
<table id="tabla">
    </table>
    <div id="barra">
    </div>
</div>

<div id="informacionPersona" style="display: none;">
<div id="divNotificacion" class="ui-widget" style="display: none; font-size: 8pt;
            margin-bottom: 5px;">
            <div class="ui-state-error ui-corner-all" style="padding: 0.3em;">
                <span class="ui-icon ui-icon-alert" style="float: left; margin-right: 0.3em;"></span>
                <strong>Mensaje:</strong> <span id="spanMensaje"></span>
            </div>
        </div>
</div>
<div id='dialog-alert' style="display: none">
</div>
<div id='dialog-confirm' style="display: none">
</div>
<div id='dialog-delete' style="display: none">
    ¿Está seguro que desea eliminar este item?
</div>
@section HeaderContent{

}
@section ScriptContent{

}
@section JavaScript {
<script type='text/javascript'>

    $().ready(function () {
        ListarPersonas();

        
    });
    
    function AbrirView() {
        $(this).parent().appendTo($('#aspnetForm'));
        var url = $(this).attr('href');
        var dialog = $('<div style="display:none"></div>').appendTo(this);
        dialog.load(url, {}, function (responseText, textStatus, XMLHttpRequest) {
            dialog.dialog({
                close: function (event, ui) {
                    dialog.remove();
                }
            });
        });
        return false;
    } 
    
    function ListarPersonas() {
        var gwdth = $(window).width() - 260;
        colNames = ['nIdePersona', 'nIdeTipoPer', 'vTipoPersona', 'nIdeTipoDocum', 'vTipoDocum', 'vNumDocum', 'nIdeCodPaisDoc', 'vPais', 'vPriNombre', 'vSegNombre',
            'vPriApellido', 'vSegApellido', 'nIdeTipoGenero', 'vTipoGenero', 'dtFecNacim', 'vEmail', 'vTelefono1', 'vTelefono2', 'dtFecReg',
            'dtFecIniVig', 'dtFecFinVig', 'nIdeUsuReg'];
        colModels = [
            { name: 'nIdePersona', index: 'nIdePersona', width: 40, align: "left", key: true, hidden: true },
            { name: 'nIdeTipoPer', index: 'nIdeTipoPer', align: 'left', width: 80, editable: false,hidden : true },
            { name: 'vTipoPersona', index: 'vTipoPersona', align: 'left', width: 80, editable: false },
            { name: 'nIdeTipoDocum', index: 'nIdeTipoDocum', align: 'left', width: 80, editable: false, hidden:true},
            { name: 'vTipoDocum', index: 'vTipoDocum', align: 'left', width: 80, editable: false },
            { name: 'vNumDocum', index: 'vNumDocum', align: 'left', width: 80, editable: false },
            { name: 'nIdeCodPaisDoc', index: 'nIdeCodPaisDoc', align: 'left', width: 80, editable: false, hidden:true },
            { name: 'vPais', index: 'vPais', align: 'left', width: 80, editable: false, search: false },
            { name: 'vPriNombre', index: 'vPriNombre', align: 'left', width: 100, editable: false },
            { name: 'vSegNombre', index: 'vSegNombre', align: 'left', width: 100, editable: false },
            { name: 'vPriApellido', index: 'vPriApellido', align: 'left', width: 100, editable: false, edittype: 'text', searchoptions: { sopt: ['cn', 'bw']} },
            { name: 'vSegApellido', index: 'vSegApellido', align: 'left', width: 100, editable: false },
            { name: 'nIdeTipoGenero', index: 'nIdeTipoGenero', align: 'left', width: 100, editable: false, hidden:true },
            { name: 'vTipoGenero', index: 'vTipoGenero', align: 'left', width: 100, editable: false, search: false },
            { name: 'dtFecNacim', index: 'dtFecNacim', align: 'left', width: 100, editable: false, hidden: true },
            { name: 'vEmail', index: 'vEmail', align: 'left', width: 100, editable: false, hidden: true },
            { name: 'vTelefono1', index: 'vTelefono1', align: 'left', width: 100, editable: false, hidden: true },
            { name: 'vTelefono2', index: 'vTelefono2', align: 'left', width: 100, editable: false, hidden: true },
            { name: 'dtFecReg', index: 'dtFecReg', align: 'left', width: 100, editable: false, search: false },
            { name: 'dtFecIniVig', index: 'dtFecIniVig', align: 'left', width: 100, editable: false, hidden: true },
            { name: 'dtFecFinVig', index: 'dtFecFinVig', align: 'left', width: 100, editable: false, hidden: true },
            { name: 'nIdeUsuReg', index: 'nIdeUsuReg', align: 'left', width: 100, editable: false, hidden:true }

        ];
        
        var opciones = { nuevo: true, editar: true, eliminar: false, search: false,rules:true };

        ORI.GrillaCompleta('tabla', 'barra', 400, gwdth, 'Listado de Personas',
            '@Url.Action("Listar", "Persona")', 'id', colNames, colModels, 'nIdePersona',
            opciones, NuevaPersona, EditarPersona, EliminarPersona);
        $("#tabla").filterToolbar({ searchOnEnter: true, stringResult: true, defaultSearch: "cn" });
        
    }
    
function Nuevo() {
        var url = '@Url.Action("Crear", "Persona")';
        window.location = url;
    }

    function NuevaPersona() {
        
        var url = '@Url.Action("Create", "MaePersonas")';
        ORI.MostrarInformacion(url, 'listadoPersonas', 'informacionPersona');
        AbrirView();
    }
    function EditarPersona(rowkey) {
        var url = '@Url.Action("Modificar", "Persona")' + '/' + rowkey;

        ORI.MostrarInformacion(url, 'listadoPersonas', 'informacionPersona');
        
        AbrirView();
    }
    function EliminarPersona(rowkey) {
        var url = '@Url.Action("Eliminar", "Persona")' + '/' + rowkey;
        MostrarInformacion(url, 'listadoPersonas', 'informacionPersona');
    }

    function Cancelar() {

        window.location = '@Url.Action("Index", "Persona")';
    }
    
    function GetRules(grilla) {
        var rules = new Array();
        if (grilla == "tabla") {
            var id = $("#ddlDocumento").val();
            rules = [{ field: 'IDDocumento', data: id, op: '='}];
        }
        return rules;
    }
</script>
}